<template>
    <div class="tooltip">
      <i class="el-icon-info"></i>
      {{ tipText }}
    </div>
  </template>
  
  <script>
  export default {
    name: 'infoTip',
    props: {
      tipText: {
        type: String,
        required: true,
        default: '提示'
      }
    }
  };
  </script>
  
  <style scoped>
  .tooltip {
    font-size: 10px;
    color: #999;
    display: flex;
    align-items: center;
  }
  
  .tooltip i {
    margin-right: 5px;
  }
  </style>
  